<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>聚衣商城</title>
  <link rel="stylesheet" href="../../lib/css/reset.min.css">
  <link rel="stylesheet" href="../../lib//css/elementui.min.css">
  <link rel="stylesheet" href="../../css/all.min.css">
</head>

<body>
  <div class="app-wrap" v-cloak id="custom_returnGoods">
    <header-top></header-top>
    <div class="bg_red">
      <div class="container">
        <a href="#"></a>
        <div class="header_main">
          <span class="me">我的聚衣</span>
          <span class="back">返回聚衣首页</span>
        </div>
        <ul class="list clear">
          <li>首页</li>
          <li>账户管理
            <i class="icon-down_1"></i>
          </li>
          <li>消息</li>
        </ul>
        <div class="input_group">
          <input type="text" placeholder="搜索 商品">
          <button>搜索</button>
        </div>
      </div>
    </div>
    <div class="bg-gray" style="padding-bottom:60px">
      <common-crumb :crumblist="crumblist" class="order_crumblist"></common-crumb>
      <div class="content">
        <div>申请退货</div>
        <div class="return_panel">
          <div class="panel_title">
            <div class="goodsName">商品</div>
            <div class="num">购买数量</div>
          </div>
          <div class="panel_content">
            <div class="goods">
              <div class="img">
                <img src="https://dummyimage.com/100x100/79b0f2" alt="">
              </div>
              <div class="name">商务白领衬衫定制</div>
            </div>
            <div class="number">1</div>
          </div>
        </div>
        <div class="return_form">
          <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
              <el-form-item label="提交数量：" prop="name">
                <el-input-number v-model="num1" :min="1" :max="1000" label="描述文字"></el-input-number>
              </el-form-item>
              <el-form-item label="退款金额：" prop="">
                <span class="col-gray">¥1652.00</span>
              </el-form-item>
              <el-form-item label="退款原因：" prop="name">
                <el-select v-model="value" placeholder="请选择">
                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="问题描述：" prop="name">
                <el-input type="textarea" v-model="ruleForm.desc"></el-input><span style="padding-left:10px;">1 - 50个字</span>
              </el-form-item>
              <el-form-item label="图片信息：" prop="name">
              <el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" >
                <img v-if="imageUrl" :src="imageUrl" class="avatar">
                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
              </el-upload>
              <button class="upload_btn">上传图片</button>
              <div class="upload_info">最多可上传3张图片，每张图片大小不超过5M,支持jpg,png,jpeg格式文件</div>
              </el-form-item>

              <el-form-item>
                <button class="return_btn">提交需求</button>
              </el-form-item>
          </el-form>
        </div>
      </div>
    </div>
  </div>
  <script src="../../lib/js/vue.js"></script>
  <script src="../../lib/js/elementui.min.js"></script>
  <script src="../../lib/js/axios.min.js"></script>
  <!-- mock 数据 打包发布的时候记得移除 -->
  <script src="../../lib/js/mock.js"></script>
  <script src="../../js/all.min.js"></script>
  <script>
    custom_returnGoods();
  </script>
</body>

</html>